import React, { useState } from "react";
import Img from "assets/user_bg.png";
import "./index.scss";
import { Avatar, Image, Space } from "antd-mobile";
const index = () => {
  const demoAvatarImages =
    "https://images.unsplash.com/photo-1548532928-b34e3be62fc6?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ";
  return (
    <div style={{ background: "#eee" }}>
      {/* 大图信息 */}
      <Image src={Img}></Image>
      {/* 头像信息 */}
      <div className="avatarImg">
        <Space block wrap>
          <Avatar className="avatar" src={demoAvatarImages}></Avatar>
        </Space>
        <span>小悦悦</span>
      </div>

      <div className="mains">
        <p className="p1">他发布的朋友圈</p>
      </div>

      {/* 历史发布 */}
      <div className="main">
        <p className="p1">急性肠胃炎怎么办</p>
        <p className="p2">2018-12-25 18:42</p>
        <p className="p3">
          周围性神经炎，下巴斜的，口齿不清，眼睛闭合不了，右边 脸明显动不了
        </p>
        <p className="p4">
          收藏 3 <span>建议 109</span>
        </p>
      </div>
      <div className="main">
        <p className="p1">急性肠胃炎怎么办</p>
        <p className="p2">2018-12-25 18:42</p>
        <p className="p3">
          周围性神经炎，下巴斜的，口齿不清，眼睛闭合不了，右边 脸明显动不了
        </p>
        <p className="p4">
          收藏 3 <span>建议 109</span>
        </p>
      </div>
    </div>
  );
};
export default index;
